<!doctype html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">
    <title> 在 线 考 试 登 录 系 统 </title>
    <meta name="description"
          content="Recipes Template, Food Template Recipes Blog Template, cooking, Food, chef, Responsive Template, html5 Template, html5, css3, jquery, responsive">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script src="/js/html5.js"></script>
    <script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
    <link href='http://fonts.googleapis.com/css?family=Noticia+Text:400,400italic,700,700italic|Crete+Round:400,400italic|Lobster|Lobster+Two:400,400italic,700,700italic'
          rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="/css/style.css">
    <!-- jQuery -->
    <script src="/vendors/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="/vendors/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <link id="color" rel="stylesheet" href="/css/color1.css">
    <link rel="stylesheet" type="text/css" href="/fancybox/jquery.fancybox-1.3.4.css" media="screen"/>
    <link rel="stylesheet" href="/css/mediaelementplayer.min.css"/>
    <!-- vue -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js" type="text/javascript"></script>
    <!-- layer -->
    <script src="https://cdn.bootcss.com/layer/2.1/layer.js" type="text/javascript"></script>
    <!-- 删除确认框-->
    <script src="/vendors/bootbox/js/bootbox.js" type="text/javascript"></script>
</head>
<body>
<!--Header Part Start-->
<header id="header" class="clearfix">
    <div class="headerstrip">
        <div class="spiral"></div>
    </div>

    <div class="container clearfix">
        <a href="/front/index-2" id="logo">
            <img src="/images/logo.png" style="width: 150px;height: 98px;margin-top: -12%;"
                 alt="Tasty Delicious Recipes">
        </a>
        <shiro:hasAnyRoles name="admin" >
            <a href="/common/dashboard" style="margin-left: 8%;font-size: 22px;color: red"> 进入后台 </a>
        </shiro:hasAnyRoles>

        <nav id="topnav">
            <ul>
                <li  id="activeLi">
                    <a href="/front/index-2" onclick="addActive(this)" data-description="在线考试登录系统主页">主页</a>
                </li>
                <li>
                    <a href="/front/applyTest" onclick="addActive(this)" data-description="在线考试登录系统报名页面">报名考试</a>
                </li>
                <li>
                    <a href="/front/examine" onclick="addActive(this)" data-description="在线考试登录系统学生考试页面">进入考试</a>
                </li>
                <li>
                    <a href="/front/grade" onclick="addActive(this)" data-description="在线考试登录系统学生成绩页面">查看成绩</a>
                </li>
            </ul>
        </nav>
    </div>
</header>
<h1 class="topcontent"> 在 线 考 试 登 录 系 统 <span> 欢 迎 您 的 使 用 </span></h1>

<!--Middle Part Start-->
<section class="container clearfix">
    <!--  <div th:replace="front/index-2"></div>-->
    <div th:if="${template}">
        <div th:replace="${template}"></div>
    </div>
</section>

<footer id="footer" class="clearfix">
    <div class="footerbg clearfix">
        <ul class="footersection container">
            <li class="testimonial">
                <h4>Testimonial</h4>
                <p class="testi">
                    "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
                    industry's standard dummy text ever since the 1500s, when an unknown printer took
                </p>

                <span>Mr. Lorem Ipsum <br>
        C.E.O.</span>
            </li>
            <li class="links">
                <h4>Categories</h4>
                <ul>
                    <li>
                        <a href="recipedetails.html">Spicy Food Special</a>
                    </li>
                    <li>
                        <a href="recipedetails.html">Cocktails</a>
                    </li>
                    <li>
                        <a href="recipedetails.html">Snacks</a>
                    </li>
                    <li>
                        <a href="recipedetails.html">Spicy Sea Food</a>
                    </li>
                    <li>
                        <a href="recipedetails.html"> Tasty Special Food</a>
                    </li>
                </ul>
            </li>
            <li class="twiitersection">
                <h4>Twitter</h4>
                <div id="twitter">
                </div>
            </li>
            <li class="flickrsection">
                <h4>Flickr</h4>
                <div id="flickr">
                    <ul id="cbox" class="thumbs">
                    </ul>
                </div>
            </li>
        </ul>
    </div>

    <!--Social links Start-->
    <section id="social" class="container">
        <div class="leftline">@2012 .More Templates</div>
        <div id="footersocial">
            <a class="facebook" title="Facebook" href="#">Facebook</a>
            <a class="twitter" title="Twitter" href="#">Twitter</a>
            <a class="linkedin" title="Linkedin" href="#">Linkedin</a>
            <a class="blooger" title="Blogger" href="#">Blogger</a>
            <a class="rss" title="rss" href="#">rss</a>
            <a class="dig" title="Dig" href="#">Dig</a>
            <a class="googleplus" title="Googleplus" href="#">Googleplus</a>
            <a class="skype" title="Skype" href="#">Skype</a>
            <a class="flickr" title="Flickr" href="#">Flickr</a>
        </div>
    </section>
    <!--Social links End-->
    <!--Go to Top-->
    <a title="Go Top" id="gotop" href="#">&nbsp;</a>
</footer>
<!--Footer End-->
<script type="text/javascript">
    function addActive(object) {

        if (object == "http://localhost/front/index-2"){
        }else {
            console.log(object);
            $(".active").hide();

        }
    }
</script>
<!--Javascripts-->
<script src="/js/jquery-latest.js"></script>
<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/js/jquery.isotope.min.js"></script>
<script src="/js/mediaelement-and-player.min.js"></script>
<script type="text/javascript" src="/js/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="/js/jquery.elastislide.js"></script>
<script type="text/javascript" src="/js/jquery.tweet.js"></script>
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="/js/jquery.validate.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="/js/jquery.gmap.js"></script>
<script src="/js/jflickrfeed.min.js"></script>
<script type="text/javascript" src="/js/script.js"></script>
</body>
<script type="text/javascript" src="http://freemoban.com/js/a.js"></script>
</html>